<!-- Begin of titlebar/breadcrumbs -->
<div id="title-bar">
	<ul id="breadcrumbs">
		<li><a href="index.php" title="Home"><span id="bc-home"></span></a></li>
		<li class="no-hover"><a href="index.php?module=fb_pages">Page Manager</a></li>
		<li class="no-hover">Comments</li>
	</ul>
</div> <!--! end of #title-bar -->

<div class="shadow-bottom shadow-titlebar"></div>

<!-- Begin of #main-content -->
<div id="main-content">
	<div class="container_12">

		<div class="grid_12">
			<h1>Page Manager</h1>
			<p>You can send posts and manager comments</p>
		</div>

		<div>
			<a class="close-toolbox button" href="index.php?module=fb_page_comments&page_id=<?php echo $_GET['page_id']; ?>">Comments</a>
		</div>
		
		<div class="_100">
			<div class="block-border">
				<div class="block-header">
					<h1>Post List</h1><span></span>
				</div>
				<div class="block-content">
					<table id="table-example" class="table">
						<thead>
							<tr>
								<th>Message</th>
								<th>Perma Link</th>
								<th>Likes</th>
							</tr>
						</thead>
						<tbody>
							<?php
								foreach($postsArray as $post)
								{
									?>
									<tr class="gradeX">
										<td><?php echo $post['message']; ?></td>
										<td><a href="<?php echo $post['permalink']; ?>" target="_blank">SHOW</a></td>
										<td class="center"><?php echo $post['likes']['count']; ?><sup> <a href="<?php echo $post['likes']['href']; ?>" target="_blank"> SHOW</a></sup></td>
										
									</tr>
									<?php
								}
							?>
						</tbody>
					</table>
				</div>
			</div>
		</div>

		<div class="clear height-fix"></div>

	</div>
</div> 
<!--! end of #main-content -->
<script type="text/javascript">
	$().ready(function() {
		
		
		/*
		 * DataTables
		 */
		$('#table-example').dataTable();
		$('#table-comment').dataTable();
		
	});
</script>